<!DOCTYPE html>
<html xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" xmlns:th="http://www.thymeleaf.org"
	layout:decorator="common/layout" class="no-js">
<head>
<meta charset="UTF-8" />
<title>后台管理 | 首页</title>
</head>
<body>
	<section layout:fragment="content-header">
		<h1>
			Page Header <small>Optional description</small>
		</h1>
		<ol class="breadcrumb">
			<li><a href="#"><i class="fa fa-dashboard"></i>Level</a></li>
			<li class="active">Here</li>
		</ol>
	</section>
	<section layout:fragment="content">
		<span th:text="${session.user.username}">User</span>,你好啊。。。
	</section>

	<section layout:fragment="js">
	<script>
	    navigator.geolocation.getCurrentPosition( // 该函数有如下三个参数
	        function(pos){ // 如果成果则执行该回调函数
	            console.log(
	                '  经度：' + pos.coords.latitude +
	                '  纬度：' + pos.coords.longitude +
	                '  高度：' + pos.coords.altitude +
	                '  精确度(经纬)：' + pos.coords.accuracy +
	                '  精确度(高度)：' + pos.coords.altitudeAccuracy +
	                '  速度：' + pos.coords.speed
	            );
	        }, function(err){ // 如果失败则执行该回调函数
	            console.log(err.message);
	        }, { // 附带参数
	            enableHighAccuracy: false, // 提高精度(耗费资源)
	            timeout: 3000, // 超过timeout则调用失败的回调函数
	            maximumAge: 1000 // 获取到的地理信息的有效期，超过有效期则重新获取一次位置信息
	        }
	    );
</script>
	</section>
</body>
</html>